<script src="{$base_dir}js/AJAX_Bed.js" type="text/javascript"></script>

<div>
    <span id='errorChangeBed'></span>
</div>

<div id='pageContent'>
    <input id="patientId" type="hidden" value="{$patientId}"/>
    <input id="departmentId" type="hidden" value="{$deptId}"/>
    <input id="ticketId" type="hidden" value="{$ticketId}"/>
    <input id="currentBedId" type="hidden" value="{$currentBedId}"/>
    <table class='inline' cellspacing='0' cellpadding='0' style='width: 100%'>
	    <tr>
	    	<th colspan='4'>{translate}Patient info{/translate}</th>
	    </tr>
	    <tr>
            <td>{translate}Full name{/translate}</td>
            <td style="text-transform: uppercase;">{$patientName}</td>	        
            <td style="width: 80px; padding-left: 30px;">{translate}Patient's ID{/translate}</td>
            <td style="text-transform: uppercase;">{$patientCode}</td>
        </tr>
        <tr>
        	<td>{translate}Department{/translate}</td>
            <td class="field" colspan='3'>{$deptName}</td>
        </tr>
        <tr>
        	<td>{translate}Room{/translate}&nbsp;/&nbsp;{translate}Bed{/translate}</td>
           	<td class='field' colspan='3'><span id='bedInfo'>{$bedInfo}</span></td>
       	</tr>
       	<tr>
       		<td></td>
       		<td class='field' colspan='3'>
           		<input type="button" id="viewBedStatusBtn" value='{translate}Select bed{/translate}'/>
       		</td>
       	</tr>
   	</table>
    
</div>
